@charset "utf-8";
* {
  margin: 0;
  padding: 0;
  list-style: none;
}

a {
  text-decoration: none;
}

#max {
  width: 100%;
  margin: 0 auto;
  border: 1px solid lavender;
  //  顶部
  header {
    width: 100%;
    height: 31px;
    background: #E3E4E5;

    .min {
      width: 1210px;
      margin: 0 auto;
      position: relative;
      z-index: 22;
      //              overflow: hidden;
      .header_ul_left {
        width: 295px;
        height: 31px;
        float: left;
        //                  overflow: hidden;
        li {
          width: 105px;
          height: 31px;
          line-height: 31px;
          text-align: center;
          float: left;
          color: darkgray;

          a {
            margin-left: 5px;
            color: darkgray;
            font-size: 12px;
            text-decoration: none;
          }
        }

        li:last-child {
          position: relative;

          #beijing {
            width: 300px;
            height: 230px;
            background: white;
            padding: 10px;
            margin-top: -3px;
            overflow: hidden;
            border-bottom: 1px solid lavender;
            border-left: 1px solid lavender;
            border-right: 1px solid lavender;
            display: none;
            z-index: 22;

            li {
              width: 48px;
              height: 30px;
              margin-left: 9px;
              line-height: 30px;
              text-align: center;
              float: left;
              margin-bottom: 5px;
            }

            li:hover {
              background: #F3F3F3;
            }

            li:hover a {
              color: red;
            }
          }
        }

        .glyphicon-map-marker:hover {
          background: white;
        }
      }

      .header_ul_right {
        width: 730px;
        height: 31px;
        float: right;
        //                  overflow: hidden;
        li {
          width: 77px;
          height: 31px;
          line-height: 31px;
          float: left;
          color: darkgray;
          text-align: center;

          a {
            color: darkgray;
            font-size: 12px;
            text-decoration: none;
          }

          span {
            margin-left: 4px;
            font-size: 10px;
          }
        }

        .jingdong {
          height: 40px;
          border: 0;
          position: relative;
          top: 0;

          .jingdong_ol {
            width: 300px;
            height: 250px;
            background: white;
            position: absolute;
            top: 31px;
            border-bottom: 1px solid lavender;
            border-left: 1px solid lavender;
            border-right: 1px solid lavender;
            display: none;
            z-index: 11;

            li {
              width: 141px;
              padding: 0 10px;
              height: 25px;
              border: 0;
              float: left;
              text-align: left;
              line-height: 30px;
            }

            li:hover a {
              color: red;
            }

            p {
              width: 300px;
              height: 40px;
              line-height: 40px;
              overflow: hidden;
              border-top: 1px solid lavender;

              span:first-child {
                float: left;
                margin-left: 10px;
                font-weight: 600;
              }

              span:last-child {
                float: right;
                margin-right: 10px;
              }

              .span1:hover {
                color: red;
              }
            }

            div {
              width: 270px;
              margin: 0 auto;

              img {
                width: 20%;
                height: 40px;
                margin-left: 2%;
              }
            }
          }
        }

        .fuwu {
          position: relative;

          .fuwu_ol {
            width: 150px;
            height: 270px;
            border-bottom: 1px solid lavender;
            border-left: 1px solid lavender;
            border-right: 1px solid lavender;
            margin-top: -2px;
            background: white;
            overflow: hidden;
            display: none;

            h6 {
              width: 150px;
              text-align: left;
              text-indent: 1em;
              float: left;
              font-weight: 600;
              color: dimgray;
            }

            li {
              width: 72px;
              height: 28px;
              line-height: 28px;
              text-align: left;

              a {
                margin-left: 8px;
              }
            }

            li:hover a {
              color: red;
            }
          }
        }

        .daohang {
          //                      position: relative;
          .daohang_ol {
            width: 1210px;
            height: 180px;
            border-bottom: 1px solid lavender;
            border-left: 1px solid lavender;
            border-right: 1px solid lavender;
            position: absolute;
            top: 31px;
            left: 0;
            background: white;
            z-index: 2;
            overflow: hidden;
            display: none;

            li {
              width: 22%;
              height: 160px;
              float: left;
              margin-top: 10px;
              padding: 5px 5px 5px 15px;
              border-right: 1px solid darkgray;

              h5 {
                width: 100%;
                text-align: left;
                font-weight: 600;
                color: dimgray;
              }

              p {
                width: 100%;
                overflow: hidden;
                margin-bottom: 0;

                a {
                  display: block;
                  width: 25%;
                  height: 25px;
                  line-height: 25px;
                  float: left;
                  text-align: left;
                }

                .aa_2 {
                  display: block;
                  width: 33%;
                  height: 25px;
                  line-height: 25px;
                  float: left;
                }
              }

              a:hover {
                color: red;
              }
            }
          }
        }

        .sjjd {
          position: relative;

          .er {
            width: 160px;
            height: 250px;
            padding: 5px;
            border-bottom: 1px solid lavender;
            border-left: 1px solid lavender;
            border-right: 1px solid lavender;
            position: absolute;
            top: 31px;
            left: -82px;
            background: white;
            z-index: 11;
            display: none;

            .er_1 {
              width: 100%;
              height: 80px;
              overflow: hidden;
              padding-bottom: 5px;
              padding-top: 5px;
              border-bottom: 1px solid lavender;

              img {
                width: 40%;
                height: 100%;
                float: left;
              }

              .er_1_1 {
                width: 58%;
                height: 100%;
                float: right;

                h6 {
                  width: 100%;
                  height: 16px;
                  line-height: 16px;
                  color: dimgray;
                  margin: 0;
                  padding: 0;
                  text-align: left;
                }

                p {
                  width: 100%;
                  height: 16px;
                  line-height: 16px;
                  color: red;
                  margin: 5px 0 0;
                  padding: 0;
                  text-align: left;
                  font-size: 12px;
                }

                div {
                  width: 100%;
                  height: 45px;

                  img {
                    width: 27px;
                    height: 30px;
                    margin-top: 7px;
                  }
                }
              }
            }
          }
        }

        .jingdong:hover {
          background: white;
        }

        .fuwu:hover {
          background: white;
        }

        .daohang:hover {
          background: white;
        }

        .sjjd:hover {
          background: white;
        }
      }

      .aa:hover {
        color: red;
        text-decoration: none;
      }
    }
  }

  //      导航
  nav {
    width: 100%;
    margin: 0 auto;
    border-bottom: 2px solid #F30213;

    .nav_min {
      width: 1210px;
      margin: 0 auto;

      .nav_top {
        width: 100%;
        height: 100px;
        clear: both;

        div {
          float: left;
        }

        .nav_top_one {
          width: 12%;

          img {
            width: 100%;
            margin-top: 23px;
          }
        }

        .nav_top_two {
          width: 50%;
          height: 100%;
          overflow: hidden;
          margin-left: 17%;

          input {
            width: 85%;
            height: 40%;
            float: left;
            border: 2px solid #F30213;
            margin-top: 5%;
            outline: none;
          }

          button {
            width: 15%;
            height: 40%;
            font-size: 16px;
            border: 0;
            color: white;
            background: #F30213;
            margin-top: 5%;
          }
        }

        .nav_top_three {
          width: 12%;
          height: 40%;
          border: 1px solid darkgray;
          line-height: 40px;
          text-align: center;
          background: #F3F3F3;
          margin-top: 2.5%;
          margin-left: 5%;
          position: relative;
          z-index: 5;

          span {
            margin-left: 10px;
            color: #F30213;
            z-index: 1;
          }

          a {
            color: #F30213;
            text-decoration: none;
          }

          .nav_top_three_1 {
            width: 300px;
            height: 70px;
            padding: 10px;
            position: absolute;
            top: 39px;
            left: -154px;
            z-index: 3;
            background: white;
            display: none;
            box-shadow: 0 3px 8px lavender;
          }
        }

        .nav_top_three:hover {
          border: 0;
          background: white;
          box-shadow: 0 0 8px lavender;
          z-index: 1;
          color: darkgray;
        }
      }
    }
  }

  .content {
    width: 100%;
    background: #f5f5f5;

    .emph-tips {
      width: 100%;
      background: white;
      height: 30px;
      line-height: 30px;
      background: rgb(255, 255, 255);

      .emph-tipss {
        width: 1208px;
        margin: 0 auto;
        text-align: 20px;

        b {
          margin-left: 40px;
          display: inline-block;
          width: 14px;
          height: 20px;
          background-image: url("../image/order-icons.png");
          background-position: 0 -88px;
        }
      }
    }

    .content_myjd {
      width: 1210px;
      margin: 0 auto;

      .breadcrumb {
        height: 50px;
        overflow: hidden;
        line-height: 55px;
        vertical-align: baseline;

        a {
          color: #666;
        }

        a:hover {
          color: #f30213;
          text-decoration: none;
        }
      }
    }

    .order-state01 {
      background: white;
      width: 1210px;
      margin: 0 auto;
      border-top: 2px solid red;

      .state-cont {
        width: 100%;
        overflow: hidden;
        border-bottom: 20px solid #F5F5F5;

        .state-lcol {
          float: left;
          width: 325px;
          float: left;
          padding: 20px 0 38px;
          text-align: center;

          .state-txt {
            color: #e4393c;
            font-weight: 600;
          }

          .remain-time {
            color: #e4393c;

            .b1 {
              display: inline-block;
              width: 20px;
              height: 15px;
              background-image: url("../image/order-icons.png");
              background-position: -17px -92px;
            }
          }

          .state-btns {
            width: 100px;
            margin: 0 auto;
            text-align: center;

            .btn-1 {
              margin-top: 20px;
              border: 1px solid red;
              border-radius: 5px;
              display: block;
              width: 98px;
              padding: 4px 0 5px;
              font-weight: 600;
              font-size: 12px;
              color: #e4393c;
              line-height: 20px;
            }

            .btn-2 {
              margin-top: 20px;
              border: 1px solid darkgrey;
              border-radius: 5px;
              display: block;
              width: 98px;
              padding: 4px 0 5px;
              font-size: 12px;
              color: #333;
              background: #ddd;
              outline-color: #eee;
              line-height: 20px;
            }

            .btn-1:hover {
              background: red;
              text-decoration: none;
              color: white;
            }

            .btn-2:hover {
              background: white;
              text-decoration: none;
              color: red;
            }
          }

          .state-bottom {
            width: 100%;
            margin-top: 83px;
            height: 20px;
            line-height: 20px;

            span {
              width: 100px;
              padding: 0 30px;

              .b1 {
                display: inline-block;
                width: 20px;
                height: 15px;
                background-image: url("../image/order-icons.png");
                background-position: 0 -133px;

              }

              .b2 {
                display: inline-block;
                width: 20px;
                height: 15px;
                background-image: url("../image/order-icons.png");
                background-position: -46px -133px;
                vertical-align: 0;

              }
            }

            .span1:hover {
              .b1 {
                display: inline-block;
                width: 20px;
                height: 15px;
                background-image: url("../image/order-icons.png");
                background-position: 0 -44px;
              }
            }

            .span2:hover {
              .b2 {
                display: inline-block;
                width: 20px;
                height: 15px;
                background-image: url("../image/order-icons.png");
                background-position: -46px -44px;
              }
            }
          }
        }

        .state-rcol {
          float: right;
          width: 860px;
          float: left;
          border-left: 1px solid #f1f1f1;
          padding: 20px 0 38px 20px;

          .lioucheng {
            width: 100%;
            text-align: center;

            ul {
              li {
                margin-top: 20px;
                width: 200px;
                height: 30px;
                float: left;
                color: red;
                font-size: 12px;
                font-weight: 400;
              }
            }
          }

          .lioucheng_1 {
            width: 100%;
            overflow: hidden;

            ul {
              li {
                float: left;
                text-align: center;

                img {
                  vertical-align: -14px;
                }
              }

              .a1 {
                width: 50px;
                height: 40px;
                background-image: url("../image/node-icons.png");
                background-position: 1px -217px;
                text-align: center;
              }

              .a2 {
                width: 50px;
                height: 40px;
                background-image: url("../image/node-icons.png");
                background-position: -50px -1px;
              }

              .a3 {
                width: 50px;
                height: 40px;
                background-image: url("../image/node-icons.png");
                background-position: -104px -1px;
              }

              .a4 {
                width: 50px;
                height: 40px;
                background-image: url("../image/node-icons.png");
                background-position: -264px -1px;
              }

              .a5 {
                width: 50px;
                height: 40px;
                background-image: url("../image/node-icons.png");
                background-position: -217px -1px;
              }
            }
          }

          .lioucheng_2 {
            width: 100%;
            overflow: hidden;

            ul {
              li {
                text-align: center;
                float: left;
                margin-right: 125px;

                .color_p {
                  color: #aaa;
                }
              }

              .wancheng {
                float: right;
                margin-right: 61px;
              }
            }
          }

          .state-others {
            margin-top: 100px;
            width: 100%;

            a {
              color: #aaa;
              text-decoration: none;

            }

            .b1 {
              display: inline-block;
              width: 20px;
              height: 14px;
              background-image: url("../image/order-icons.png");
              background-position: 0 2px;
            }

            .b2 {
              display: inline-block;
              width: 20px;
              height: 14px;
              background-image: url("../image/order-icons.png");
              background-position: -27px 2px;
            }

          }

        }

        .xian {
          clear: both;
          width: 100%;
          height: 4px;
          background-image: url("../image/order-icons.png");
          background-position: 0 -117px;
          background-repeat: repeat-x;
        }
      }
    }

    .sta_pei {
      border-bottom: 20px solid #F5F5F5;
      width: 1210px;
      margin: 0 auto;
      background: white;
      overflow: hidden;

      .sta_left {
        width: 325px;
        height: 300px;
        border-right: 1px solid #F5F5F5;
        float: left;

        img {
          margin: 10px;
        }
      }

      .sta_rifht {
        width: 884px;
        height: 300px;
        float: right;

        ul {
          margin: 20px;
        }
      }
    }

    .sta_xinxi {
      width: 1210px;
      margin: 0 auto;
      overflow: hidden;
      background: white;

      ul {
        margin: 20px 0;
        width: 100%;

        li {
          height: 240px;
          width: 25%;
          border-right: 1px solid #F5F5F5;
          float: left;

          .dl {
            width: 262px;
            height: 288px;
            padding: 0 10px 0 30px;
            margin: 0 0 0 -1px;
            border-width: 0 0 0 1px;

            h4 {
              font-size: 16px;
            }

            .dd {
              color: #333;
              line-height: 20px;

              .item {
                overflow: hidden;
                margin-top: 5px;

                .label {
                  font-weight: 200;
                  color: black;
                }

                .info-rcol {
                  width: 130px;
                  float: right;
                  font-size: 12px;
                  overflow: hidden;

                  .delivery-type {
                    display: inline-block;
                    height: 16px;
                    background-color: #4b9bfb;
                    line-height: 16px;
                    color: #FFF;
                    margin: 3px 0 0 3px;
                    border-radius: 6px;
                    padding: 0 5px;
                    font-size: 12px;
                  }

                  .help-tip {
                    display: inline-block;
                    width: 16px;
                    height: 15px;
                    background-image: url(../image/help.png);
                  }
                }
              }
            }
          }
        }
      }
    }

    .jdwenzi {
      height: 40px;
      width: 1210px;
      margin: 10px auto;
      line-height: 30px;

      span {
        display: inline-block;
        width: 20px;
        height: 16px;
        background-image: url(../image/sprite-im.png);
        background-position: 0 1px;
      }
    }

    .shop_sta_xinin {

      width: 1210px;
      margin: 10px auto;
      line-height: 30px;
      overflow: hidden;

      table {
        width: 100%;
        border-bottom: 1px solid gainsboro;

        th {
          background: #f9f9f9;
          text-align: center;
          font-weight: 200;
          height: 34px;
        }

        td {
          text-align: center;
          background: white;
          height: 102px;

          img {
            margin-left: 10px;
            margin-top: 10px;
            float: left;
            width: 80px;
          }

          div {
            float: right;
            margin-top: 20px;
            margin-right: 100px;

            a:hover {
              text-decoration: none;
              font-size: 12px;
            }
          }
        }
      }

      .ccccc {
        width: 100%;
        background: white;
        height: 172px;
        border-bottom: 20px solid #F5F5F5;

        .right {
          width: 200px;
          height: 130px;
          float: right;

          .shuxing {
            width: 100px;
            height: 100%;
            float: left;

            p {

            }
          }

          .shuxingzhi {
            width: 100px;
            height: 100%;
            float: right;

            .p1 {
              font-size: 18px;
              font-weight: 700;
              color: red;
            }

            .b1 {
              display: inline-block;
              width: 16px;
              height: 15px;
              background-image: url(../image/help.png);
            }
          }
        }
      }
    }

    .cainixihuan {
      width: 1210px;
      margin: 0 auto;
      overflow: hidden;
      background: white;

      .l1 {
        float: left;
        width: 500px;
        height: 50px;
        line-height: 50px;
      }

      .r1 {
        float: right;
        width: 100px;
        height: 50px;
        line-height: 50px;

        span {
          text-align: center;
          line-height: 30px;
          display: inline-block;
          width: 30px;
          height: 30px;
          background: white;
          border-radius: 50px;
          border: 1px solid gainsboro;
        }

        span:hover {
          background: red;
          color: white;
        }
      }

      .xuanxiangka {
        overflow: hidden;
        width: 100%;

        .ul1 {
          li {

            .ul2 {
              width: 100%;

              li {
                margin-left: 20px;
                width: 220px;
                float: left;

                p {
                  overflow: hidden;
                  text-overflow: ellipsis;
                  white-space: nowrap;
                }

                .p1 {
                  font-size: 12px;
                }

                .p2 {
                  color: red;
                }

                .p3 {
                  text-align: center;

                  button {
                    height: 30px;
                    background: none;
                    border: none;
                    width: 190px;
                    border: 1px solid gainsboro;

                    b {
                      width: 20px;
                      height: 16px;
                      display: inline-block;
                      background-image: url(../image/add-cart.png);
                      background-position: 0px 0;
                    }
                  }
                }

                .p3:hover {
                  button {
                    background: red;
                    color: white;

                    b {
                      width: 20px;
                      height: 16px;
                      display: inline-block;
                      background-image: url(../image/add-cart.png);
                      background-position: -23px 0;
                    }
                  }

                }
              }
            }
          }
        }
      }
    }
  }

  .more {
    margin-left: 7px;

    .txt {
      font-size: 12px;
    }
  }

  footer {
    width: 100%;
    height: 322px;
    padding-bottom: 18px;
    background: #EAEAEA;
    overflow: hidden;
    z-index: 9999;
    margin-top: 20px;

    .bg_top {
      width: 1210px;
      height: 102px;
      margin: 0 auto;

      .slogen {
        padding-left: 65px;
        margin-right: -23px;
        position: relative;
        padding: 30px 0 30px 55px;
        overflow: hidden;

        .fore1 {
          i {
            background-position: 0 0;
          }
        }

        .fore2 {
          i {
            background-position: 0 -43px;
          }
        }

        .fore3 {
          i {
            background-position: 0 -86px;
          }
        }

        .fore4 {
          i {
            background-position: 0 -129px;
          }
        }

        .item {
          float: left;
          position: relative;
          width: 292px;
          height: 42px;
          line-height: 42px;
          font-size: 18px;
          font-weight: 700;
          text-indent: 46px;
          color: #444;

          i {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 36px;
            height: 42px;
            text-indent: -9999px;
            background-image: url("//misc.360buyimg.com/jdf/1.0.0/unit/service/5.0.0/i/ico_service.png");
            background-repeat: no-repeat;
            background-position: 0 0;
          }
        }
      }
    }

    .dj_help {
      border-top: solid 1px #dedede;
      border-bottom: solid 1px #dedede;

      .dj_w {
        width: 1210px;
        height: 200px;
        margin: 0 auto;

        .dj_wrap {
          width: 1350px;
          height: 200px;
          padding: 20px 0 20px 55px;
          margin-right: -340px;

          dl {
            width: 255px;
            height: 160px;
            float: left;
            line-height: 22px;

            dt {
              width: 255px;
              height: 28px;
              padding-bottom: 6px;
              font-weight: 700;
              font-size: 14px;
              color: #777;
              display: inline-block;
            }

            dd {
              font-size: 12px;
              height: 22px;
              overflow: hidden;
              display: block;

              a {
                text-decoration: none;
                cursor: auto;
                display: inline-block;
                color: #666666;
              }

              a:hover {
                color: red;
              }
            }
          }
        }
      }
    }

  }

  .bg_info_footer {
    width: 100%;
    height: 210px;
    padding-bottom: 30px;
    background: #EAEAEA;
    text-align: center;

    .bg_wrap {
      width: 1210px;
      height: 162px;
      margin: 0 auto;

      .bg_links {
        width: 1210px;
        height: 18px;

        p {
          display: block;

          a {
            cursor: auto;
            display: inline-block;
            color: #666;
            text-decoration: none;
            font-size: 11px;
          }

          .copyright_split {
            color: #ccc;
            margin: 0 9px;
          }

          a:hover {
            color: red;
          }
        }
      }

      .bg_info_sky {
        padding: 10px 0;
        line-height: 22px;
        color: #999;
        width: 1210px;
        height: 108px;
        margin: 0 auto;

        p {
          margin: 0 0 1px !important !important;
          display: block;

          a {
            color: #999;
            display: inline-block;
            font-size: 10px;
            text-decoration: none;
          }

          .copyright_split {
            color: #ccc;
            margin: 0 9px;
          }

          a:hover {
            color: red;
          }
        }
      }

      .bg_info_dy {
        width: 1210px;
        height: 36px;
        margin: 0 auto;
        float: left;

        .copyright_auth_ico_1 {
          background-position: 0 0;
        }

        .copyright_auth_ico_2 {
          background-position: -104px 0;
        }

        .copyright_auth_ico_3 {
          background-position: 0 -33px;
        }

        .copyright_auth_ico_4 {
          background-position: -104px -33px;
        }

        .copyright_auth_ico_5 {
          background-position: 0 -66px;
        }

        .copyright_auth_ico_6 {
          background-position: -104px -66px;
        }

        .copyright_auth_ico {
          overflow: hidden;
          display: inline-block;
          margin: 0 3px;
          width: 103px;
          height: 32px;
          background-image: url("//misc.360buyimg.com/jdf/1.0.0/unit/global-footer/5.0.0/i/ico_footer.png");
          line-height: 1000px;
        }

        a:hover {
          color: #f30213;
        }
      }
    }
  }
}

.fix_ed {
  width: 42px;
  overflow: hidden;
  position: fixed;
  right: 10px;
  bottom: 200px;

  ul {
    width: 42px;

    li {
      width: 42px;
      height: 42px;
      background: #ccc;
      border: 1px dashed white;
    }

    .i1 {
      background-image: url(../image/slidebar-icon-new.png);
      background-position: 0 42px;
    }

    .i1:hover {
      background: #c81623;
      background-image: url(../image/slidebar-icon-new.png);
      background-position: 0 42px;
    }

    .i2 {
      background-image: url(../image/slidebar-icon-new.png);
      background-position: 0 0;
    }

    .i2:hover {
      background: #c81623;
      background-image: url(../image/slidebar-icon-new.png);
      background-position: 0 0;

    }

    .i3 {
      background-image: url(../image/slidebar-icon-new.png);
      background-position: -1px -44px;
    }

    .i3:hover {
      background-image: url(../image/slidebar-icon-new.png);
      background-position: -53px -44px;
    }

    .i4 {
      background: #666;
      background-image: url(../image/slidebar-icon-new.png);
      background-position: 0 -88px;
    }

    .i4:hover {
      background: #c81623;
      background-image: url(../image/slidebar-icon-new.png);
      background-position: 0 -88px;
    }
  }
}

.xian_hied {
  background: #fbfbfb;
  position: fixed;
  right: 50px;
  bottom: 138px;

  .problem-cont {
    width: 120px;
    overflow: hidden;

    .problem-top {
      width: 90%;
      margin: 0 auto;

      h5 {
        float: left;
      }

      .close {
        float: right;
      }
    }

    .problem-list {
      border-top: 1px solid gray;
      clear: both;

      a {
        margin-top: 10px;
        display: block;
        width: 90%;
        margin: 0 auto;
        font-size: 12px;
        color: #666;
        line-height: 26px;
      }

      a:hover {
        text-decoration: none;
      }
    }
  }
}

.weweima {
  display: none;
  text-align: center;
  width: 200px;
  height: 200px;
  padding: 20px;
  background: #fbfbfb;
  position: fixed;
  right: 50px;
  bottom: 200px;

  img {
    width: 80%;
  }
}
